<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>面向研究团队的参考文献管理与服务分布式系统</title>
<meta name="keywords" content="面向研究团队的参考文献管理与服务分布式系统" />
<meta name="description" content="面向研究团队的参考文献管理与服务分布式系统" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- basic styles -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-table.css" rel="stylesheet" />
<link href="css/bootstrap-editable.css" rel="stylesheet" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/ace.min.css" />
<link rel="stylesheet" href="css/ace-rtl.min.css" />
<link rel="stylesheet" href="css/ace-skins.min.css" />
<script src="js/angular.min.js"></script>
<script src="js/angular-cookies.min.js"></script>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {}
		</script>
		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand"> <small> <i
						class="icon-book"></i> 面向研究团队的参考文献管理与服务分布式系统
				</small>
				</a>
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->
			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="avatars/user.jpg" alt="Jason's Photo" /> <span
							class="user-info"> <small>欢迎,</small> 登录
						</span> <i class="icon-caret-down"></i>
					</a>
						<ul
							class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="#"> <i class="icon-cog"></i> 设置
							</a></li>

							<li><a href="#"> <i class="icon-user"></i> 简况
							</a></li>

							<li class="divider"></li>

							<li><a href="index.html"> <i class="icon-off"></i> 登出
							</a></li>
						</ul></li>
				</ul>
				<!-- /.ace-nav -->
			</div>
			<!-- /.navbar-header -->
		</div>
		<!-- /.container -->
	</div>
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {}
		</script>
		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span>
			</a>
			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'fixed')
					} catch (e) {}
				</script>
				<!-- #sidebar-shortcuts -->
				<ul class="nav nav-list">
					<li class="active"><a href="#"> <i class="icon-group"></i>
							<span class="menu-text"> 团队成员 </span>
					</a></li>
					<li><a href="email1.html"> <i
							class="glyphicon glyphicon-envelope"></i> <span class="menu-text">
								邮件系统 </span>
					</a></li>
					<li><a href="message1.html"> <i
							class="glyphicon glyphicon-comment"></i> <span class="menu-text">
								短信系统 </span>
					</a></li>
					<li><a href="professionalCode1.html"> <i
							class="glyphicon glyphicon-th-list"></i> <span class="menu-text">
								专业分类 </span>
					</a></li>
					<li><a href="city1.html"> <i
							class="glyphicon glyphicon-book"></i> <span class="menu-text">
								地区城市 </span>
					</a></li>

					<li><a href="#" class="dropdown-toggle"> <i
							class="glyphicon glyphicon-tasks"></i> <span class="menu-text">
								组织机构 </span> <b class="arrow icon-angle-down"></b>
					</a>

						<ul class="submenu">
							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-leaf"></i> 出版商 <b class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li><a href="publisher1.html"> <i class="icon-plus"></i>
											国外出版商
									</a></li>

									<li><a href="publisher2.html"> <i
											class="icon-eye-open"></i> 国内出版商
									</a></li>
								</ul></li>
							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-leaf"></i> 大学 <b class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li><a href="institution1.html"> <i class="icon-plus"></i>
											国外大学
									</a></li>

									<li><a href="institution2.html"> <i
											class="icon-eye-open"></i> 国内大学
									</a></li>
								</ul></li>

							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-pencil"></i> 其他机构 <b class="arrow icon-angle-down"></b>
							</a>

								<ul class="submenu">
									<li><a href="#"> <i class="icon-plus"></i> 国外其他机构
									</a></li>

									<li><a href="#"> <i class="icon-eye-open"></i> 国内其他机构
									</a></li>
								</ul></li>
						</ul></li>
					<li><a href="profile1.html"> <i
							class="glyphicon glyphicon-user"></i> <span class="menu-text">
								个人信息 </span>
					</a></li>
					<li><a href="index.html"> <i
							class="glyphicon glyphicon-off"></i> <span class="menu-text">
								退出系统 </span>
					</a></li>
				</ul>
				<!-- /.nav-list -->
				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left"
						data-icon1="icon-double-angle-left"
						data-icon2="icon-double-angle-right"></i>
				</div>
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'collapsed')
					} catch (e) {}
				</script>
			</div>
			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed')
						} catch (e) {}
					</script>
					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="#">主页</a></li>
						<li class="active">团队成员</li>
					</ul>
					<!-- .breadcrumb -->
					<!-- #nav-search -->
				</div>
				<div class="page-content">
					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="row">
								<div class="col-xs-12">
									<div class="table-responsive">
										<div class="col-md-9">
											<div class="col-md-1">
												<button id="btn_add" type="button" class="btn btn-default">
													<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
												</button>
											</div>
											<div class="col-md-2"></div>
											<div class="col-md-6">
												<div class="table-header"
													style="background-color:#ffb44b;color:black">
													团队名称：<span id="teamName"></span>&nbsp;&nbsp;&nbsp;&nbsp;
													团队号：<span id="teamNo"></span>
												</div>
											</div>
										</div>
										<div id="toolbar" class="btn-group row"></div>
										<table style="text-overflow: ellipsis;white-space: nowrap;"
											id="sample-table-2">
										</table>
									</div>
								</div>
							</div>
							<!-- PAGE CONTENT ENDS -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->

			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="icon-cog bigger-150"></i>
				</div>
				<div class="ace-settings-box" id="ace-settings-box">
					<div>
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-skin="default" value="#438EB9">#438EB9</option>
								<option data-skin="skin-1" value="#222A2D">#222A2D</option>
								<option data-skin="skin-2" value="#C6487E">#C6487E</option>
								<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
							</select>
						</div>
						<span>&nbsp; 换肤</span>
					</div>
					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-add-container" /> <label class="lbl"
							for="ace-settings-add-container"> &nbsp;居中 <b></b>
						</label>
					</div>
				</div>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->
		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<div id="myModal" class="modal fade bs-example-modal-sm" tabindex="-1"
		role="dialog" aria-labelledby="mySmallModalLabel">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">警告</h4>
				</div>
				<div class="modal-body">
					<p>确定删除？</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-default confirm">确定</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="add" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">新增</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">用&nbsp;户&nbsp;号：&nbsp;</label> <input
									type="text" id="userNo" class="form-control"
									placeholder="必须为10位数字和字母组合">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">用户密码：</label> <input type="text"
									id="passWord" class="form-control" placeholder="6~12位">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">用户邮箱：</label> <input type="text"
									id="userEmail" class="form-control" placeholder="用户Email">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputEmail2">联系电话：</label> <input type="text"
									id="userPhone" class="form-control" placeholder="11位数字">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputEmail2">用户角色：</label> <input type="text"
									id="userRole" class="form-control" placeholder="按等级填入d,e,f">
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">
						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
					</button>
					<button type="button" id="btn_submit" class="btn btn-primary"
						data-dismiss="modal">
						<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
					</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="edit" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">编辑</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">用&nbsp;&nbsp;户&nbsp;&nbsp;号：&nbsp;</label>
								<input type="text" class="form-control" placeholder="用户号最多10位">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">用&nbsp;&nbsp;户&nbsp;&nbsp;名：&nbsp;</label>
								<input type="text" class="form-control" placeholder="用户名">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputName2">用户Email：</label> <input
									type="text" class="form-control" placeholder="用户Email">
							</div>
						</div>
						<div class="row form-inline form-group">
							<div class="col-md-6">
								<label for="exampleInputEmail2">专&nbsp;&nbsp;业&nbsp;&nbsp;类&nbsp;：</label>
								<input type="email" class="form-control" placeholder="专业信息">
							</div>
						</div>
					</form>
					<!-- <form>
							<div class="row form-inline form-group">
								<div class="col-md-6">
									<label for="exampleInputName2">用户号：&nbsp;&nbsp;&nbsp;</label>
									<input id="userNo" type="text" class="form-control" placeholder="用户号">
								</div>
								<div class="col-md-6">
									<label for="exampleInputName2">用户名：&nbsp;&nbsp;&nbsp;</label>
									<input id="userName" type="text" class="form-control" placeholder="用户名">
								</div>
							</div>
							<div class="row form-inline form-group">
								<div class="col-md-6">
									<label for="exampleInputName2">身份证号：</label>
									<input type="text" class="form-control" id="iDNo" placeholder="身份证号">
								</div>
								<div class="col-md-6">
									<label for="exampleInputEmail2">手机号码：</label>
									<input type="email" class="form-control" id="userPhone" placeholder="手机号码">
								</div>
							</div>
							<div class="row form-inline form-group">
								<div class="col-md-6">
									<label for="exampleInputName2">Email：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
									<input type="text" class="form-control" id="userEmail" placeholder="管理员号">
								</div>
								<div class="col-md-6">
									<label for="exampleInputEmail2">用户角色：</label>
									<input type="email" class="form-control" id="userRole" placeholder="用户角色">
								</div>
							</div>
						</form> -->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">
						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
					</button>
					<button type="button" id="btn_submit" class="btn btn-primary"
						data-dismiss="modal">
						<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
					</button>
				</div>
			</div>
		</div>
	</div>
	<script src="js/jquery-2.0.3.min.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-table.js"></script>
	<script src="js/bootstrap-editable.js"></script>
	<script src="js/bootstrap-table-zh-CN.js"></script>
	<script>
		$("#teamName").text($.cookie('teamName'));
		$("#teamNo").text($.cookie('teamNo'));
		$("#btn_add").click(function() {
			$('#add').modal();
		});
		$('#btn_submit').click(function(e) {
			var userNo = $("#userNo").val();
			var passWord = $("#passWord").val();
			var userPhone = $("#userPhone").val();
			var userEmail = $("#userEmail").val();
			var userRole = $("#userRole").val();
			var teamNo = $.cookie('teamNo');
			$.ajax({
				type : "Post",
				contentType : "application/json",
				data : '{"userTeamNo":"' + teamNo + '","password":"' + passWord + '","userPhone":"' + userPhone + '","userNo":"' + userNo + '","userEmail":"' + userEmail + '","userRole":"' + userRole + '"}',
				dataType : 'json',
				url : '/ma/user/addteamuser',
				success : function(data) {
					alert("添加成功!");
				},
				error : function() {
					alert("添加失败!");
				}
			});
		});
	</script>
	<script>
		$('#sample-table-2').bootstrapTable({
			url : '/ma/user/queryUser/userTeamNo/' + $.cookie('teamNo'),
			method : 'get', //请求方式（*）
			toolbar : '#toolbar', //工具按钮用哪个容器
			striped : true, //是否显示行间隔色
			cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
			pagination : true, //是否显示分页（*）
			sortable : true, //是否启用排序
			sortOrder : "asc", //排序方式
			sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
			pageNumber : 1, //初始化加载第一页，默认第一页
			pageSize : 10, //每页的记录行数（*）
			pageList : [ 10, 25, 50, 100 ], //可供选择的每页的行数（*）
			search : true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
			strictSearch : true,
			/* showColumns: true, */ //是否显示所有的列
			showRefresh : true, //是否显示刷新按钮
			minimumCountColumns : 2, //最少允许的列数
			clickToSelect : true, //是否启用点击选中行
			height : 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
			uniqueId : "teamNo", //每一行的唯一标识，一般为主键列
			showToggle : true, //是否显示详细视图和列表视图的切换按钮
			cardView : false, //是否显示详细视图
			detailView : false,
			editable : true,
			rowStyle : function(row, index) {
				//这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
				var strclass = "";
				if (row.ORDER_STATUS == "待排产") {
					strclass = 'success'; //还有一个active
				} else if (row.ORDER_STATUS == "已删除") {
					strclass = 'danger';
				} else {
					return {};
				}
				return {
					classes : strclass
				}
			},
			columns : [ {
				field : 'userNo',
				title : '用户号',
				align : 'center',
				sortable : true
			}, {
				field : 'userName',
				title : '用户名',
				align : 'center',
				sortable : true
			}, {
				field : 'iDNo',
				title : '身份证',
				align : 'center',
				editable : true,
				sortable : true
			}, {
				field : 'userPhone',
				title : '手机号码',
				align : 'center',
				editable : true,
				sortable : true
			}, {
				field : 'userEmail',
				title : 'Email',
				align : 'center',
				editable : true,
				sortable : true
			}, {
				field : 'Discilpine',
				title : '所属专业（类）',
				align : 'center',
				sortable : true
			}, {
				field : 'userRole',
				title : '用户角色',
				align : 'center',
				sortable : true
			},/*  {
				field : 'date',
				title : '表单更新日期',
				align : 'center',
				sortable : true
			}, */ {
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row, index) {
					var e = '<a class = "edit" href="#" mce_href="#"><i class="icon-pencil bigger-130"></i></i></a> ';
					var d = '<a class = "remove" href="#" mce_href="#" ><i class="icon-trash bigger-130"></i></a> ';
					return e + d;
				},
				events : 'operateEvents'
			} ]
		});
		window.operateEvents = {
			'click .edit' : function(e, value, row, index) {
				$("#userNo").val(row.userNo);
				$("#userName").val(row.userName);
				$("#iDNo").val(row.iDNo);
				$("#userPhone").val(row.userPhone);
				$("#userEmail").val(row.userEmail);
				$("#Discipline").val(row.discipline);
				$("#date").val(row.date);
				$('#edit').modal();
			},
	
			'click .remove' : function(e, value, row, index) {
				$('#myModal').modal();
				/* console.log(row); */
				$("#myModal .confirm").click(function(e) {
					$.ajax({
						type : "PUT",
						contentType : "application/json",
						data : '{"userNo":"' + row.userNo + '","ifuse":"n"}',
						dataType : 'json',
						/* url: 'http://127.0.0.1:8899/ma/user', */
						url : '/ma/user',
						success : function(data) {
							$('#sample-table-2').bootstrapTable('remove', {
								field : 'userNo',
								values : [ row.userNo ]
							});
							$(".modal-backdrop").remove() //去除警告模态框背景
							$('#myModal').removeClass("in"); //关闭模态框 */
							alert("删除成功！");
						},
						error : function() {
							alert("删除失败！");
						}
					});
				})
	
			}
		};
	</script>
</body>
</html>